<title>订单详情</title>
<link rel="stylesheet" href="../assets/css/bootstrap-timepicker.css" />

<!-- ajax layout which only needs content area -->
<div class="space-8"></div>
<div class="row">
  <div class="col-xs-12">
    <!-- PAGE CONTENT BEGINS -->

    <div class="tabbable">
      <ul class="nav nav-tabs" id="myTab">


        <li class="active">
          <a data-toggle="tab" href="#orderBaseInfo">
            <i class="green ace-icon fa fa-home bigger-120"></i>
            订单基本信息
          </a>
        </li>

        <li class="">
          <a data-toggle="tab" href="#orderPost">
            <i class="green ace-icon fa fa-home bigger-120"></i>
            邮寄信息
          </a>
        </li>

        <li class="">
          <a data-toggle="tab" href="#orderExpress">
            <i class="green ace-icon fa fa-home bigger-120"></i>
            快递基本信息
          </a>
        </li>

        <li class="">
          <a data-toggle="tab" href="#orderExpressDetail">
            <i class="green ace-icon fa fa-home bigger-120"></i>
            快递配送信息
          </a>
        </li>
      </ul>
      <div class="tab-content clearfix">
        <div id="orderBaseInfo" class="tab-pane fade in active">
          <div class="widget-box transparent">
            <div class="widget-header widget-header-small">
              <h4 class="widget-title blue smaller">
                <i class="ace-icon fa fa-rss orange"></i>
                订单基本信息
              </h4>
            </div>
            <div class="space-8"></div>
            <form class="form-horizontal" role="form" id="editForm">
              <!-- #section:elements.form -->
              <input id="orderId" type="hidden" value="">
              <div class="col-sm-6">
                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right"> 订单编号</label>
                  <div class="col-sm-6">
                    <input type="text" id="orderNo" placeholder="" class="col-xs-12 col-sm-12" required readonly/>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right"> 商品编号</label>
                  <div class="col-sm-6">
                    <input type="text" id="goodsCode" placeholder="" class="col-xs-12 col-sm-12" required readonly/>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right"> 商品名称</label>
                  <div class="col-sm-6">
                    <input type="text" id="goodsName" placeholder="" class="col-xs-12 col-sm-12" required readonly/>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right"> 商品描述</label>
                  <div class="col-sm-6">
                    <input type="text" id="goodsDetail" placeholder="" class="col-xs-12 col-sm-12" required readonly/>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right"> 兑换数量</label>
                  <div class="col-sm-6">
                    <input type="text" id="goodsNum" placeholder="" class="col-xs-12 col-sm-12" required readonly/>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right"> 兑换积分</label>
                  <div class="col-sm-6">
                    <input type="text" id="orderIntegral" placeholder="" class="col-xs-12 col-sm-12" required readonly/>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right"> 兑换用户</label>
                  <div class="col-sm-6">
                    <input type="text" id="buserMobile" placeholder="" class="col-xs-12 col-sm-12" required readonly/>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right" for="orderStatus"> 订单状态</label>
                  <div class="col-sm-6">
                    <select class="col-xs-12 col-sm-12" id="orderStatus">
                      <option value="1">待付款</option>
                      <option value="2">已付款</option>
                      <option value="3">处理中</option>
                      <option value="4">已完成</option>
                      <option value="5">已取消</option>
                      <option value="6">待发货</option>
                      <option value="7">已发货</option>
                      <option value="8">已签收</option>
                    </select>
                  </div>
                </div>
              </div>
            </form>
            <div class="space-8"></div>
            <div class="col-xs-12">

              <div class="form-actions center">
                <button class="btn btn-success" id="updateOrderStatus">
                  <i class="ace-icon fa fa-check"></i>
                  更新订单状态
                </button>
                <a href="#page/store/order/list">
                  <button class="btn btn-primary">
                    <i class="ace-icon fa fa-reply align-top bigger-125"></i>
                    取消
                  </button>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div id="orderPost" class="tab-pane fade in">
          <div class="widget-box transparent">
            <div class="widget-header widget-header-small">
              <h4 class="widget-title blue smaller">
                <i class="ace-icon fa fa-rss orange"></i>
                订单邮寄信息
              </h4>
            </div>
            <div class="space-8"></div>
            <form class="form-horizontal" role="form" id="postForm">
              <!-- #section:elements.form -->
              <input id="postId" type="hidden" value="">
              <div class="col-sm-6">
                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right"> 收件人姓名</label>
                  <div class="col-sm-6">
                    <input type="text" id="postName" placeholder="" class="col-xs-12 col-sm-12" required />
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right"> 收件人电话</label>
                  <div class="col-sm-6">
                    <input type="text" id="postPhone" placeholder="" class="col-xs-12 col-sm-12" required />
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right"> 收件人地址</label>
                  <div class="col-sm-6">
                    <input type="text" id="postAddress" placeholder="" class="col-xs-12 col-sm-12" required />
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right"> 收件人邮编</label>
                  <div class="col-sm-6">
                    <input type="text" id="postAreaCode" placeholder="" class="col-xs-12 col-sm-12" required />
                  </div>
                </div>
              </div>
            </form>
            <div class="space-8"></div>
            <div class="col-xs-12">
              <div class="form-actions center">
                <button class="btn btn-success" id="updateOrderPost">
                  <i class="ace-icon fa fa-check"></i>
                  更新邮寄信息
                </button>
                <a href="#page/store/order/list">
                  <button class="btn btn-primary">
                    <i class="ace-icon fa fa-reply align-top bigger-125"></i>
                    取消
                  </button>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div id="orderExpress" class="tab-pane fade in">
          <div class="widget-box transparent">
            <div class="widget-header widget-header-small">
              <h4 class="widget-title blue smaller">
                <i class="ace-icon fa fa-rss orange"></i>
                订单快递基本信息
              </h4>

            </div>
            <div class="space-8"></div>
            <form class="form-horizontal" role="form" id="postForm">
              <!-- #section:elements.form -->
              <input id="expressId" type="hidden" value="">
              <div class="col-sm-6">
                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right"> 快递公司</label>
                  <div class="col-sm-6">
                    <select id="companyId" class="col-xs-12 col-sm-12" required>
                    </select>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right"> 快递编号</label>
                  <div class="col-sm-6">
                    <input type="text" id="expressNo" placeholder="" class="col-xs-12 col-sm-12" required />
                  </div>
                </div>

                <div class="form-group">
                  <label class="control-label col-sm-3 no-padding-right" for="planArrivalDate">预计到达日期</label>
                  <div class="col-xs-12 col-sm-6">
                    <div class="clearfix">
                      <div class="input-group">
                        <input class="form-control date-picker" id="planArrivalDate" placeholder="出发日期" type="text" data-date-format="yyyy-mm-dd"
                          autocomplete="off" />
                        <span class="input-group-addon">
                          <i class="fa fa-calendar bigger-110"></i>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>
                
                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right">发货地址</label>
                  <div class="col-sm-6">
                    <input type="text" id="deliveryAddress" placeholder="" class="col-xs-12 col-sm-12" required />
                  </div>
                </div>
                
                <div class="form-group">
                  <label class="control-label col-sm-3 no-padding-right" for="deliveryTime1">发货日期</label>
                  <div class="col-xs-12 col-sm-6">
                    <div class="clearfix">
                      <div class="input-group">
                        <input class="form-control date-picker" id="deliveryTime1" placeholder="发货日期" type="text" data-date-format="yyyy-mm-dd" autocomplete="off"
                        />
                        <span class="input-group-addon">
                          <i class="fa fa-calendar bigger-110"></i>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="form-group">
                  <label class="control-label col-sm-3 no-padding-right" for="deliveryTime2">发货时间</label>
                  <div class="col-sm-6">
                    <div class="input-group bootstrap-timepicker">
                      <input id="deliveryTime2" type="text" class="form-control"/>
                      <span class="input-group-addon">
                        <i class="fa fa-clock-o bigger-110"></i>
                      </span>
                    </div>
                  </div>
                </div>
                
              </div>
            </form>
            <div class="space-8"></div>
            <div class="col-xs-12">
              <div class="form-actions center">
                <button class="btn btn-success" id="updateOrderExpress">
                  <i class="ace-icon fa fa-check"></i>
                  更新快递信息
                </button>
                <a href="#page/store/order/list">
                  <button class="btn btn-primary">
                    <i class="ace-icon fa fa-reply align-top bigger-125"></i>
                    取消
                  </button>
                </a>
              </div>
            </div>
          </div>
        </div>
        <div id="orderExpressDetail" class="tab-pane fade in">
          <div class="widget-box transparent">
            <div class="widget-header widget-header-small">
              <h4 class="widget-title blue smaller">
                <i class="ace-icon fa fa-rss orange"></i>
                订单快递配送信息
              </h4>

            </div>

            <div class="space-8"></div>
            <form class="form-horizontal" role="form" id="detailForm">
              <div class="col-sm-6">

                <div class="form-group">
                  <label class="control-label col-sm-3 no-padding-right" for="expressDate">配送日期</label>
                  <div class="col-xs-12 col-sm-6">
                    <div class="clearfix">
                      <div class="input-group">
                        <input class="form-control date-picker" id="expressDate" placeholder="出发日期" type="text" data-date-format="yyyy-mm-dd" autocomplete="off"
                        />
                        <span class="input-group-addon">
                          <i class="fa fa-calendar bigger-110"></i>
                        </span>
                      </div>
                    </div>
                  </div>
                </div>

                <div class="form-group">
                  <label class="control-label col-sm-3 no-padding-right" for="expressTime">配送时间</label>
                  <div class="col-sm-6">
                    <div class="input-group bootstrap-timepicker">
                      <input id="expressTime" type="text" class="form-control" />
                      <span class="input-group-addon">
                        <i class="fa fa-clock-o bigger-110"></i>
                      </span>
                    </div>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-3 control-label no-padding-right" for="expressRemark"> 配送备注</label>
                  <div class="col-sm-6">
                    <textarea id="expressRemark" placeholder="" class="col-xs-12 col-sm-12"></textarea>
                  </div>
                </div>
              </div>
            </form>
            <div class="col-sm-12">
              <label class="col-sm-3 control-label no-padding-right" > </label>
              <div class="col-sm-6">
                <button class="btn btn-success" id="addOrderExpress">
                  <i class="ace-icon fa fa-check"></i>
                  新增配送信息
                </button>
                <br><br>
              </div>
            </div>

            </div>

            <div class="widget-main padding-8">
              <div class="row">
                <div class="col-xs-12">
                  <table id="grid-table-expressDetail"></table>
                </div>
                <!-- /.col -->
              </div>
            </div>

            <div class="col-xs-12">
              <div class="form-actions center">
                <a href="#page/store/order/list">
                  <button class="btn btn-primary">
                    <i class="ace-icon fa fa-reply align-top bigger-125"></i>
                    取消
                  </button>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>


</div>
<!-- /.row -->

<div class="hr hr-18 dotted hr-double"></div>

<!-- page specific plugin scripts -->
<script src="../public/javascripts/scripts/store/order/edit.js">
